// 工具css
@for $i from 0 through 50 {
  [mt#{$i}] { margin-top: 1px * $i; }
  [mr#{$i}] { margin-right: 1px * $i; }
  [mb#{$i}] { margin-bottom: 1px * $i; }
  [ml#{$i}] { margin-left: 1px * $i; }
  [m#{$i}] { margin: 1px * $i; }
  [pt#{$i}] { padding-top: 1px * $i; }
  [pr#{$i}] { padding-right: 1px * $i; }
  [pb#{$i}] { padding-bottom: 1px * $i; }
  [pl#{$i}] { padding-left: 1px * $i; }
  [p#{$i}] { padding: 1px * $i; }
  [top#{$i}] { top: 1px * $i; }
  [right#{$i}] { right: 1px * $i; }
  [bottom#{$i}] { bottom: 1px * $i; }
  [left#{$i}] { left: 1px * $i; }
}
@for $i from 1 through 20 {
  [fs#{$i}] { font-size: 1px * $i; }
  [z-index#{$i}] { z-index: $i; }
}
// flex布局
[flex] {
  display: flex;
  flex-direction: column;
}
[flexr] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
[w-full] {
  width: 100%;
}
[h-full] {
  height: 100%;
}
[flex-c] {
  display: inline-flex;
  flex-direction: column;
}
[flex-r] {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
// 鼠标移入手形
[pointer] {
  cursor: pointer;
  user-select: none;
}
[absolute] {
  position: absolute;
}
[relative] {
  position: relative;
}
[fixed] {
  position: fixed;
}
[transition-all] {
  transition: all .2s;
}
// 鼠标事件穿透
[pointer-none] {
  pointer-events: none;
}
// 鼠标事件自动
[pointer-auto] {
  pointer-events: auto;
}
// 禁用鼠标选中
[user-select-none] {
  user-select: none;
}
// 单行超出部分文字显示...，必须设置width
[text-line1] {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}